<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type">
<meta content="text/html; charset=utf-8">
<meta charset="utf-8">
<title>你能认出家乡的父母官吗？
</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<!--[891,7,104] published at 2015-03-04 10:24:13 from #10 by 王卫强,designer:汤婕 -->

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/animations.css">
<link rel="stylesheet" type="text/css" href="css/page.css">
</head>
<body>
<noscript><a class="noScript" href="#">页面需要开启JavaScript体验 &gt;</a></noscript>
<div style="display:none"><img src="http://m.chinanews.com/huodong/lianghui2015/icon.jpg" alt="你能认出家乡的父母官吗？" title="你能认出家乡的父母官吗？"></div>
<div id="page-hd">
  <div id="loading" style="display: none;">
    <div class="spinner">
      <div class="spinner-container container1">
        <div class="circle1"></div>
        <div class="circle2"></div>
        <div class="circle3"></div>
        <div class="circle4"></div>
      </div>
      <div class="spinner-container container2">
        <div class="circle1"></div>
        <div class="circle2"></div>
        <div class="circle3"></div>
        <div class="circle4"></div>
      </div>
      <div class="spinner-container container3">
        <div class="circle1"></div>
        <div class="circle2"></div>
        <div class="circle3"></div>
        <div class="circle4"></div>
      </div>
    </div>
  </div>
 <!-- <img src="img/icon_up.png" alt="" class="arrow-up pt-page-moveIconUp">--> </div> 
<div id="page-content">
  <div class="pagebg"></div>
  <!--首页-->
  <div class="page page-1 page-current">
  	<div class="home home1"><img src="img/home/cy.png" width="100%" /></div>
  	<div class="home home2 animation-rotate"><img src="img/home/man.png" width="100%" /></div>
  	<div class="home home3 pt-page-moveCircle"><img src="img/home/text.png" width="100%" /></div>
  	<div class="home home6 movehands animation-movehand"><img src="img/hand.png" width="100%"/></div>
  	<div class="home home7 movehandsbg"></div>
  	<div class="home home5"><img src="img/home/foot.png" width="100%"/></div>
  	<div class="home home8"></div>
  
  </div>
  <div class="page page-2 hide area-hb" data-list='hb'>
        	<div class="road_cloud"></div>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        	<div class="maptip t4" data-list='4'></div>
        	<div class="maptip t5" data-list='5'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col5 c1" data-list='1'></li>
        	<li class="col5 c2" data-list='2'></li>
        	<li class="col5 c3" data-list='3'></li>
        	<li class="col5 c4" data-list='4'></li>
        	<li class="col5 c5" data-list='5'></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="page page-3 hide area-db"  data-list='db'>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
        	<div class="js js2"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col3 c1" data-list='1'></li>
        	<li class="col3 c2" data-list='2'></li>
        	<li class="col3 c3" data-list='3'></li>
            </ul>
        </div>
    </div>
  </div>
   <div class="page page-4 hide area-hd"  data-list='hd'>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
        	<div class="js js2"></div>
        	<div class="js js3"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        	<div class="maptip t4" data-list='4'></div>
        	<div class="maptip t5" data-list='5'></div>
        	<div class="maptip t6"  data-list='6'></div>
        	<div class="maptip t7"  data-list='7'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col7 c1" data-list='1'></li>
        	<li class="col7 c2" data-list='2'></li>
        	<li class="col7 c3" data-list='3'></li>
        	<li class="col7 c4" data-list='4'></li>
        	<li class="col7 c5" data-list='5'></li>
        	<li class="col7 c6"  data-list='6'></li>
        	<li class="col7 c7"  data-list='7'></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="page page-5 hide area-hz"  data-list='hz'>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
        	<div class="js js2"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col3 c1" data-list='1'></li>
        	<li class="col3 c2" data-list='2'></li>
        	<li class="col3 c3" data-list='3'></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="page page-6 hide area-hn"  data-list='hn'>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col3 c1" data-list='1'></li>
        	<li class="col3 c2" data-list='2'></li>
        	<li class="col3 c3" data-list='3'></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="page page-7 hide area-xn"  data-list='xn'>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        	<div class="maptip t4" data-list='4'></div>
        	<div class="maptip t5" data-list='5'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col5 c1" data-list='1'></li>
        	<li class="col5 c2" data-list='2'></li>
        	<li class="col5 c3" data-list='3'></li>
        	<li class="col5 c4" data-list='4'></li>
        	<li class="col5 c5" data-list='5'></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="page page-8 hide area-xb"  data-list='xb'>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
        	<div class="js js2"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        	<div class="maptip t3" data-list='3'></div>
        	<div class="maptip t4" data-list='4'></div>
        	<div class="maptip t5" data-list='5'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col5 c1" data-list='1'></li>
        	<li class="col5 c2" data-list='2'></li>
        	<li class="col5 c3" data-list='3'></li>
        	<li class="col5 c4" data-list='4'></li>
        	<li class="col5 c5" data-list='5'></li>
            </ul>
        </div>
    </div>
  </div>
  <div class="page page-9 hide area-ga"  data-list='ga'>
        	<div class="road_cloud"></div>
     <div class="arealayer">
        <div class="a-name"></div>
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
        	<div class="js js2"></div>
            </div>
        </div>
        <div class="a-map ">
        	<div class="maptip t1" data-list='1'></div>
        	<div class="maptip t2" data-list='2'></div>
        </div>
        <div class="a-taps">
        <ul>
        	<li class="col2 c1" data-list='1'></li>
        	<li class="col2 c2" data-list='2'></li>
            </ul>
        </div>
    </div>
  </div>
   
  <div class="page page-10 hide pageend">
     <div class="arealayer" style="text-align:center">
        <div class="a-build">
        	<div class="rev">
        	<div class="js js1"></div>
            </div>
        </div>
     <div class="btn-group">
    <img class="pt-page-rotateUnfoldTop hide js-btn-showpaihang" src="img/end/b3.png" alt="" style=" width:100%;display:block; clear:both; margin-bottom:30px"> 
    <img class="pt-page-rotateUnfoldTop hide js-btn-showshare" src="img/end/b4.png" alt="" style=" width:100%;"> 
      
      
      </div>
      
        <div class="textread2"><img  style="width:100%"   src="img/end/foot.png" alt=""></div>
  </div>
  </div>
</div>
<div id="page-ft"></div>
<div class="floatlayerbg" style="background-image: url(img/hb/n1bg.jpg)"></div>
<div class="floatlayer" id="floatlayer">
<div class="shutdiv"></div>
	<img class="prov" src="img/hb/n1t.png" width="100%"/>
	<img class="countimg" src="img/qd.png" width="100%" data-list=''/>
   </div>
<div class="paihang">
<div class="shareshutdiv"></div>
	<div class="paitop"></div>
	<div class="pailist">
    	<ul>
        	<li class="l1">
            	<div class="headicon"></div>
            	<div class="licon" style=" background-image:url(img/hd/n1.png) "></div>
                <div class="rcont">
                	<div class="city">NO.1 <span>上海</span></div>
                    <div class="lie"><span class="pre"></span><span class="num">4050</span></div>
                </div>                
            </li>
            
        	<li class="l2">
            	<div class="headicon"></div>
            	<div class="licon" style=" background-image:url(img/xb/n5.png) "></div>
                <div class="rcont">
                	<div class="city">NO.2 <span>新疆</span></div>
                    <div class="lie"><span class="pre" style="width:40%"></span><span class="num">3802</span></div>
                </div>                
            </li>
            
        	<li class="l3">
            	<div class="headicon"></div>
            	<div class="licon" style=" background-image:url(img/hz/n2.png) "></div>
                <div class="rcont">
                	<div class="city">NO.3 <span>湖北</span></div>
                    <div class="lie"><span class="pre"  style="width:30%"></span><span class="num">3502</span></div>
                </div>                
            </li>
            
        	<li  class="l4">
            	<div class="headicon"></div>
            	<div class="licon" style=" background-image:url(img/hz/n3.png) "></div>
                <div class="rcont">
                	<div class="city">NO.4 <span>湖南</span></div>
                    <div class="lie"><span class="pre"  style="width:20%"></span><span class="num">3300</span></div>
                </div>                
            </li>
            
        	<li  class="l5">
            	<div class="headicon"></div>
            	<div class="licon" style=" background-image:url(img/hd/n7.png) "></div>
                <div class="rcont">
                	<div class="city">NO.5 <span>山东</span></div>
                    <div class="lie"><span class="pre" style="width:10%"></span><span class="num">3120</span></div>
                </div>                
            </li>
            
        </ul>
    </div>
	<div class="text js-btn-share" ></div>
</div>
<div class="share"></div>
<script type="text/javascript" src="js/zepto.min.js"></script> 
<script type="text/javascript" src="js/touch.js"></script> 
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  
<script type="text/javascript" >
		function onShareComplete() {
			$(".paihang").show();
		}
		 var dataForWeixin = {
			  "appId": "wxfad90321c6f7db65",
            "imgUrl": "http://m.chinanews.com/huodong/lianghui2015/icon.jpg",
			"timeLineLink": "http://m.chinanews.com/huodong/lianghui2015/index.html",
			  "url": "http://m.chinanews.com/huodong/lianghui2015/index.html",
			  "title": "你能认出家乡的父母官吗？",
			 "desc": " 中国这么大，你在哪生活工作呢？自己家乡的父母官你都能认全吗？你是时政方面的“脸盲症”患者吗？戳图，快到自己的老家签到吧！"
		};
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
		 WeixinJSBridge.call('showOptionMenu');
		WeixinJSBridge.on('menu:share:appmessage', function(argv) {
				WeixinJSBridge.invoke('sendAppMessage', {
				   "appid": dataForWeixin.appId,
					"img_url": dataForWeixin.imgUrl,
					"link": dataForWeixin.url,
					"desc": dataForWeixin.desc,
					"title": dataForWeixin.title
				},onShareComplete);
				
			});
			WeixinJSBridge.on('menu:share:timeline', function(argv) {
				WeixinJSBridge.invoke('shareTimeline', {
				   "appid": dataForWeixin.appId,
					"img_url": dataForWeixin.imgUrl,
					"img_width": "640",
					"img_height": "640",
					"link": dataForWeixin.url,
					"desc": dataForWeixin.desc,
					"title": dataForWeixin.title
				},onShareComplete);
				
			});
		}, false);
		 
	 </script>
     
    

<div class="hidecontent"></div>
</body>
</html>